@charset "utf-8";
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both; overflow: hidden;}
.clearfix {zoom: 1;}
.clear{clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden;}
.mb10 {margin-bottom: 10px;}
.m115{margin-left: 15px;}
.tc{text-align: center;}
.fr{float: right;}
body {background-color: rgba(45, 45, 45, 0.8);}
.container-wrap {padding: 15px 20px;}
.container-wrap form label {text-align: right;}

table th,table td{vertical-align: middle; text-align: center;}

/* words - page */
.words-wrap .section{position: relative; padding: 14px 0 7px; border-bottom: 1px solid rgba(255,255,255, 0.2);}
.words-wrap .section .line1 span{margin-right: 15px;}
.words-wrap .section .opt{position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; line-height: 30px; padding: 0 10px; width: 64px;}



/* pages - page */
.pages-wrap .section{position: relative; padding: 7px; margin: 10px 7px 0; border: 1px solid rgba(255,255,255, 0.2);}
.pages-wrap .section.active{border-color: rgba(255,255,0,0.8);}
.pages-wrap .section .line1,
.pages-wrap .section .line2{max-height: 34px;}

.pages-wrap .options{max-width: 280px; margin: 15px auto 0;}
.pages-wrap .options .btn-wrap{padding: 0;}
.pages-wrap .options .btn-wrap button{padding: 5px 7px !important;}

.pagination{max-width: 400px; text-align: center; display: block; padding: 15px 0; margin: 0 auto;}
.pagination a{display: inline-block; padding: 5px 15px; border: 1px solid;}
.pagination a.disable{color: #999;}
.pagination a.prev-page{margin-right: 30px;}













